.obit-btns {
	display: inline-block;
	border-radius: 100px;
	border: 1px solid #ff942f;
	padding: 6rpx;
	margin-top: 40rpx;
	.btns-item {
		height: 84rpx;
		line-height: 84rpx;
		display: inline-block;
		padding: 0 62rpx;
		color: #ff942f;
		font-size: 36rpx;
		// animation-name: bounceInLeft;
		// transition: 0.3s;
		// transition: border-color 0.3s, background-color 0.3s;
	}
	.btns-item.checkd {
		padding: 0 84rpx;
		background: #ff942f;
		color: #fff;
		border-radius: 50rpx;
		animation-name: bounceInLeft;
		animation-duration: 0.6s;
	}
}
.btn-middle-1 {
	color: #5ad3fd;
	border: 2rpx solid #5ad3fd;
	padding: 8rpx 35rpx;
	border-radius: 10rpx;
}
.btn-middle-2 {
	color: #ffffff;
	border: 2rpx solid #5ad3fd;
	background: #5ad3fd;
	padding: 8rpx 35rpx;
	border-radius: 10rpx;
}
.btn-middle-3 {
	color: #96a0af;
	border: 2rpx solid #96a0af;
	background: #f5f5f5;
	padding: 8rpx 35rpx;
	border-radius: 10rpx;
}
@keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(15px, 0, 0);
		transform: translate3d(15px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

image {
	will-change: transform;
}
.app-main {
	background: #f3f4f6;
	min-height: 100%;
	font-size: 28rpx;
	width: 100%;
	overflow: hidden;
	font-family: 'PingFang SC', Arial, 'Microsoft YaHei', sans-serif;
	.main-content {
		margin: 0 20rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 2px 0px 40px 0px rgba(123, 123, 123, 0.24);
		border-radius: 10px;
	}
	.main-box {
		margin: 0 20rpx;
	}
}
.bottom-info {
	border-bottom: 1px solid #0737a3;
}
.back-while {
	background: #fff;
}

.scroll-people {
	.uni-scroll-view-content {
		display: flex;
		.people-item {
			flex-shrink: 0;
		}
	}
}
// --------------------------------------------start---------------------一些基础的字体颜色
.color-tips {
	color: #96a0af;
}
.obit-title {
	color: #1e2427 !important;
}
.color-info {
	color: #717582;
}
.color-light {
	color: #cfd3da;
}
.color-bkg {
	color: #0737a3;
}

.color-active {
	color: #5ad3fd !important;
}
.obit-info {
	color: #717582;
	font-size: 28rpx;
	font-weight: normal;
}
.fz-title {
	font-size: 32rpx;
}
.fz-info {
	font-size: 28rpx;
}
.obit-oneline {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	display: inline-block;
}
.obit-twoline {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.obit-link {
	color: #0079fe;
}
.obit-tips {
	color: #96a0af;
	font-size: 24rpx;
}

.back-nav {
	background: #0738a3 !important;
	background-color: #0738a3 !important;
	color: #fff !important;
	.uni-searchbar__cancel {
		color: #fff !important;
	}
}
.back-while {
	background: #fff;
}
.title-content {
	padding: 28rpx 0 21rpx 18rpx;
}
// -----------------------------------------end------------------------一些基础的字体颜色

.obit-bottom {
	position: relative;
}
.obit-bottom::after {
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 0;
	left: 30upx;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	background-color: #c8c7cc;
}
